<template>
    <NuxtPage></NuxtPage>
</template>

<script setup lang="ts">
import { route } from '~/api/test'
setHeadInfo({
  title: '测试',
  meta: [
    { name: 'description', content: '网站测试页面' }
  ]
})
if(import.meta.client) {
    // const res = await $fetch('/api/route', {
    //     method: 'POST',
    //     body: {}
    // })
    // const res = await $fetch('/api/route', {
    //     method: 'GET',
    //     params: {}
    // })
    // console.log('res', res)

    // let res = useAsyncData('route', () => {
    //     return $fetch('/api/route')
    // })
    // console.log('res', res.data.value)
}
// 客户端和服务端都会执行存在跨域问题
// const res = await $fetch('/api/route')
// console.log('res', res)
// 服务端执行一次不存在跨域问题
// const res = await useAsyncData('route', () => $fetch('http:localhost:9527/route'))
// console.log('res', res.data.value)
// 服务端渲染 刷新token
const { refresh, status } = await useFetch('http:localhost:9527/route', { lazy: true })
refresh()
console.log('status', status.value) // pending或者success

onMounted(async () => {
    const res = await route()
    console.log('onMounted', res)
})
</script>
